import React,{useEffect,useState} from 'react';
import {
    SafeAreaView,
    StyleSheet,
    ScrollView,
    View,
    Text,
    StatusBar,
} from 'react-native';

export default ({style,progress,color})=>{

    useEffect(()=>{

    },[])

    const {width,height} = style

    return (
        <View style={[styles.container,style,{borderRadius: height/2}]}>
            <View style={[styles.progress,{height:height,width:width * progress,borderRadius: height/2,backgroundColor:color ?? '#FF7B14'}]}/>
        </View>
    )
}

const styles= StyleSheet.create({
    container:{
        width:'100%',
        height:10,
        borderRadius:5,
        backgroundColor:'#EFEFEF',
        overflow:'hidden'
    },
    progress:{
        position:'absolute',
        backgroundColor:'#FF7B14',
        left:0,
        top:0
    }
})
